var id = 'experimentalCanvasGallery';


window.onload = function()
{
	
	gallRun();
}

function gallRun(){	
	var stage = new Kinetic.Stage({
          container: id,
          width: $('#experimentalCanvasGallery').width(),
          height: $('#experimentalCanvasGallery').height()
        });
		
	var layer = new Kinetic.Layer();
	
	var halfWay = stage.getWidth() / 2;
	var simpleText = new Kinetic.Text({
          x: halfWay - 220,
          y: 15,
          text: "Generating the future.",
          fontSize: 30,
          fontFamily: "Calibri",
          textFill: "rgb(0,0,0)"
        });

        var complexText = new Kinetic.Text({
          x: halfWay  - 230,
          y: 60,
          stroke: '#555',
          strokeWidth: 3,
          fill: '#ddd',
          text: 'HTML5 CANVAS\n\n Our html5 canvas gallery is in development and should be ready for the 3rd or 4th version. It should be good ;).',
          fontSize: 14,
          fontFamily: 'Calibri',
          textFill: '#ff0000',
          width: 380,
          padding: 20,
          align: 'center',
          fontStyle: 'italic',
          shadow: {
            color: 'black',
            blur: 3,
            offset: [0, 10],
            alpha: 0.2
          },
          cornerRadius: 12
        });

//Move
		
        // add the shapes to the layer
        layer.add(simpleText);
        layer.add(complexText);
        stage.add(layer);
	} /* galRun */
	
